<?php
/**
 * Created by IDEA.
 * User: dinesh
 * Date: Feb 4, 2013
 * Time: 3:25:12 PM
 * To change this template use File | Settings | File Templates.
 */
 ?>

<link rel="stylesheet" type="text/css" href="css/dhtmlx/grid/skins/dhtmlxgrid_dhx_skyblue.css">
<link rel="STYLESHEET" type="text/css" href="css/dhtmlx/grid/dhtmlxgrid_pgn_bricks.css">
<link rel="STYLESHEET" type="text/css" href="css/dhtmlx/grid/dhtmlxgrid.css">
<link rel="STYLESHEET" type="text/css" href="css/dhtmlx/toolbar/skins/dhtmlxtoolbar_dhx_skyblue.css">

<script src="js/dhtmlx/grid/dhtmlxgrid.js"></script>
<script src="js/dhtmlx/grid/dhtmlxgridcell.js"></script>
<script src="js/dhtmlx/grid/ext/dhtmlxgrid_filter.js"></script>
<script src="js/dhtmlx/grid/ext/dhtmlxgrid_srnd.js"></script>
<script src="js/dhtmlx/grid/dhtmlxgrid_pgn.js"></script>
<script src="js/dhtmlx/toolbar/dhtmlxtoolbar.js"></script>
<script src="js/dhtmlx/form/dhtmlxform.js"></script>


<table width='100%' border='0' cellpadding='0' cellspacing='0'>
		<div id="search_criteria_title" class="cbxTitle">
			<div class="box_title">Search User</div>
		</div>
		<tr>
			<td>
				<div>
					<!-- Search Div -->
					<form id="frmSearch" action="#" onsubmit="return false;">

						<table border="0" cellspacing="5px" cellpadding="0px" width="100%">
							<tr>
								<td width="70px">User Name:</td>
								<td width="50px"><input type="text" id="searchCriteria.userName" name="searchCriteria.userName" keyfilter="alphanumeric" onKeyDown="doSearch(event)"/></td>

								<td width="50px" align="right">Name :</td>
								<td width="100px"><input type="text" id="searchCriteria.name" name="searchCriteria.name" style="width:250px" keyfilter="alphanumeric" onKeyDown="doSearch(event)"/></td>
                                 
								<td width="150px" align="left">
									<button onClick="reloadGrid()" class="clsButtonSmall" id="submitButton">Search</button>
                                    <input type="checkbox" id="autosearch" onClick="enableAutosubmit(this.checked)"> Enable Autosearch
								</td>
							</tr>
						</table>

						<input type="hidden" id="totalRecords" name="page.totalRecords"/>
						<input type="hidden" id="startPosition" name="page.startPosition"/>
						<input type="hidden" id="pageSize" name="page.pageSize"/>

					</form>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div>
                   <div id="gridbox" style="width:1000px;height:230px;margin-top:10px;"></div>
                    <div style="width:550px;margin-top:10px;margin-left:100px"><span id="pagingArea"></span>&nbsp;<span id="infoArea"></span><span id="recfound"></span></div>
				</div>
			</td>
		</tr>
		<tr>
			<td><!-- Data Controls Div -->
                           <div id=divLine class="divLine"> </div>
                          <div class="box_title">User-Role Assigning</div>
                          <div id="error"></div>
                          <form method="post" id="frmData" action="">
                              <input type="hidden" id="id" name="id" />
                              <table style="margin-left:20px">
                                  <tr>
                                      <td><select name="avbRole" id="avbRole" multiple size="20" style="width:350px"></select></td>
                                      <td width="100">
                                                <button type="button" id="btn-add-all" privilege="" class="" onclick="moveAllOptionRight();">&nbsp;&nbsp;Add All  &raquo;&nbsp;&nbsp; </button> <br/> <br/>
                                                <button type="button" id="btn-add" onclick="moveOptionRight();" privilege="" class="clsButtonSmall">&nbsp;&nbsp;&nbsp;Add &nbsp; &raquo;&nbsp;&nbsp; &nbsp;&nbsp; </button> <br/> <br/>
                                                <button type="button" id="btn-remove" onclick="moveOptionLeft();" privilege="" class="clsButtonSmall">&laquo; Remove &nbsp;&nbsp; </button> <br/> <br/>
                                                <button type="button" id="btn-remove-all" onclick="moveAllOptionLeft()" privilege="" class=""> &laquo;Remove All  </button>

                                           
                                      </td>
                                      <td><select id="assignRole" name="assignRole[]" multiple size="20" style="width:350px"></select></td>
                                  </tr>                                 
                              </table>

                          </form>
                         

					<table border="0" cellspacing="5px" cellpadding="0px" width="100%" style="margin-top:0px;">
						<tr>
							<td>
								<button id="btnClose" onclick="closePage();" privilege="" class="clsButtonSmall">Close</button>
								<button id="btnEdit" onclick="edit();" privilege="USER.EDIT" class="clsButtonSmall">Edit</button>
								
							</td>
							<td width="*" align="right">
								<button id="btnSave" onclick="save();" class="clsButtonSmall">Save</button>
							</td>
						</tr>
					</table>
				</div>
			</td>
		</tr>
	</table>



<script src="js/user/userMap.js"></script>
 
<div id='messagePanel'> </div>